<template>
    <p>父组件</p>
     <!-- @change 表示监听 change 事件，如果change事件触发，则会执行childchage方法 -->
    <ChildCom :title="msg" @change="childchange"/>
</template>


<script>
//引入子组件

import ChildCom from "./ChildCom.vue";

export default {
    //注册子组件
    components:{
        ChildCom
    },

    //父子传值
    data(){
        return{
            msg:'这是父组件的'
        }
    },
    methods:{
        childchange(value){
            console.log(value);
            this.msg = value
        }
    }
}
</script>